.user-center {
  /* 	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100vh; */
  /* background: url('../../static/images/tabbar_usercenter.jpg') no-repeat;
	background-size: 100% 100%; */
  /* background-attachment: fixed; */
  /* overflow-x: hidden; */
}
.user-center .cu-list .cu-item text {
  color: #333333 !important;
}
.user-center .head-left {
  font-size: 40rpx;
  color: #ffffff;
}
.user-center .head-right {
  font-size: 40rpx;
  color: #ffffff;
}

/* Top part: add-info */
.user-center .mem-panel,
.user-center .acc-panel,
.user-center .agent-panel {
  /* padding: 15rpx 0; */
  /* margin-bottom: 20rpx; */
  /* background: #033e7a; */
  font-size: 25rpx;
}
.user-center .agent-panel {
  /* margin-top: 20rpx; */
  background-color: #406fa0;
}
.mem-panel .mem-info,
.mem-panel .today-data {
  padding: 15rpx 10rpx;
}

.mem-panel .mem-info {
  padding: 15rpx 40rpx;
}

/* user head-pic */
.mem-panel .mem-info .head-block {
  flex: 1;
  text-align: center;
  max-width: 130rpx;
}

.mem-panel .mem-info .head-block image {
  /* width: 160rpx;
	height: 160rpx;
	border-radius: 80rpx; */
  /* border-radius: 5000upx;
	background-color: rgba(181, 181, 181, 1); */
}

/* nickname and level */
.mem-panel .mem-info .nick-level {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 20rpx;
}

.mem-panel .mem-info .nick-level .level {
  width: 140rpx;
  border-radius: 200rpx;
  background-color: #ffbc11;
  text-align: center;
  font-size: 25rpx;
  padding: 5rpx;
  color: #ffffff;
}

.mem-panel .mem-info .nick-level .nick-name {
  padding-top: 15rpx;
}

/* account info */
.mem-panel .mem-info .acc-balances {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mem-panel .mem-info .acc-balances .money-icon {
  /* display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 64rpx;
	height: 64rpx;
	text-align: center;
	font-size: 50rpx;
	border-radius: 5000rpx;
	box-sizing: border-box;
	border: 1px solid #F0AD4E;
	background-color: #f0d133;
	color: #FFFFFF; */
  font-size: 75rpx;
  color: #f0d133;
}

.mem-panel .mem-info .acc-balances .money {
  text-align: right;
  padding-top: 15rpx;
  white-space: nowrap;
}

/* today-info */
.mem-panel .today-data .today-item {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.mem-panel .today-data .today-item .val {
  padding: 15rpx 0;
}

/* Middle part: acc-panel */
/* Bottom part: agent-panel*/

/* current page public css */
.user-center .item-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.user-center .item-list .item-block {
  width: 25%;
  padding: 15rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.user-center .item-list .item-block image {
  height: 70rpx;
  background: url("~@/static/images/customer_list.png") center no-repeat;
  background-size: 70rpx;
}

.user-center .item-list .item-block text {
  padding: 10rpx;
}

.text-black {
  background-color: #033e7a;
  color: #fff;
}
.user-center .cu-list .cu-item uni-text {
  color: #fff !important;
}

.cu-list.grid {
  background: #033e7a;
}
.panel-title {
  background-color: #406fa0;
  padding: 10rpx;
  /* margin: 5rpx; */
}
